.page {
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: 0 400px auto;
    grid-template-areas: "side cont chaat";
    overflow: hidden;
}

.page .sidemenu {
    margin: 0 auto;
    width: 100%;
    grid-area: side;
    background-color: #5F86C2;
    display: grid;
    grid-template-rows: 70px auto 50px;
}

.page .contact {
    margin: 0 auto;
    width: 100%;
    grid-area: cont;
    background-color: rgb(255, 255, 255);

}

.page .chat {
    margin: 0 auto;
    width: 100%;
    grid-area: chaat;
    background-color: rgb(250 252 255);
    display: grid;
    grid-template-rows: 60px auto 165px;
}
@media (max-width: 768px) {
    .page {
        margin: 0 auto;
        width: 100%;
        height: 100vh;
        display: grid;
        grid-template-areas: "side cont chaat";
        overflow: hidden;
        grid-template-columns: 0 auto 0;
    }

    .page .contact {
        display: block;
    }
    .people-list {
        width: 100%;
        float: left;
        height: 100vh;
    }

}